import React, { useState } from 'react';
import { Modal, Button } from 'antd';
import './modal_3.css'

function Modal_3() {
    const [isModalVisible, setIsModalVisible] = useState(false);

    const showModal = () => {
        setIsModalVisible(true);
    };

    const handleOk = () => {
        setIsModalVisible(false);
    };

    const handleCancel = () => {
        setIsModalVisible(false);
    };
    return (
        <div className="modal_3">
            <Button type="link" onClick={showModal}>
                删除
            </Button>
            <Modal
                title="提示"
                visible={isModalVisible}
                onCancel={handleCancel}
                footer={[
                    <Button className="Ok" onClick={handleOk}>确认</Button>,
                    <Button onClick={handleCancel}>取消</Button>
                ]}>
                <div className="modal_3con">
                    <b>确定将该角色删除？</b>
                    <p>删除后包含该角色的用户将角色权限</p>
                </div>
            </Modal>
        </div>
    )
}
export default Modal_3;


